:global {
  .video-list-wrap {
    background-color: #f5f5f5;
    padding: 10px 15px;
    min-height: 100%;
    width: 100%;

    .video-list {
      background-color: #fff;
      border-radius: 10px;
      height: 100%;
      width: 100%;
    }

    .video-list-item {
      padding: 10px;
      border-bottom: 1px solid;
      border-image: linear-gradient(90deg, #ccc, white) 30 30;
      /* 控制边框颜色渐变 */
      display: flex;

      .item-img {
        flex-grow: 0;
        flex-shrink: 0;
        position: relative;

        img {
          border-radius: 5px;
          width: 130px;
          height: 90px;
        }

        .item-img-type {
          position: absolute;
          left: 5px;
          background-color: rgb(203, 162, 101);
          color: #fff;
          padding: 2px 4px;
          border-radius: 2px;
          font-size: 12px;
          top: 5px;
        }
      }

      .item-content {
        flex-grow: 1;
        color: #666;
        min-width: 0;
        padding-left: 20px;
        position: relative;

        p {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        h3 {
          margin-bottom: 4px;
          font-size: 18px;
        }

        .item-playpeople {
          font-size: 12px;
          position: absolute;
          bottom: 0px;
        }

        .icon-font-size {
          font-size: 14px;
        }
      }
    }
  }
}
